<template>
  <div class="index-page">
    <pageHead title='接受帮助'></pageHead>
    <main>
      <div class="form">
        <div class="input">
          <div class="view clearfix">
            <span class="fl">数额：</span>
            <input
              type="number"
              placeholder="请输入金额"
              class="fl"
            >
          </div>
        </div>
        <div class="input">
          <div class="view clearfix">
            <span class="fl">二级密码：</span>
            <input
              type="text"
              placeholder="请输入交易密码"
              class="fl"
            >
          </div>
        </div>
      </div>
      <pay></pay>
      <div class="btn">确定提交</div>
    </main>
  </div>
</template>

<script>
import pageHead from '@/components/include/header'
import pay from '@/components/include/payList'
export default {
  components: { pageHead, pay },
  data () {
    return {}
  },
  activated: function () {},
  mounted: function () {},
  methods: {},
  destroyed: function () {}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.index-page {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #f3f3f3;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  main {
    position: absolute;
    top: 0.88rem;
    left: 0;
    right: 0;
    bottom: 0;
    .form {
      .input {
        background: #fff;
        margin-top: 0.1rem;
        &:first-child {
          margin-top: 0;
        }
        .view {
          height: 1rem;
          line-height: 1rem;
          width: 6.9rem;
          margin-left: auto;
          margin-right: auto;
          span {
            width: 2.5rem;
            font-size: 0.3rem;
            color: #313131;
          }
          input {
            width: 2.45rem;
            height: 1rem;
            font-size: 0.3rem;
          }
          i {
            font-style: normal;
            font-size: 0.3rem;
            color: #313131;
          }
        }
      }
    }
    .btn {
      font-size: 0.3rem;
      color: #ffffff;
      text-align: center;
      width: 6rem;
      margin-left: auto;
      margin-right: auto;
      height: 0.8rem;
      line-height: 0.8rem;
      background: #0192dd;
      border-radius: 0.5rem;
      margin-top: 0.6rem;
      cursor: pointer;
    }
  }
}
</style>
